@charset "UTF-8";

html { /* force to show the vertical bar to prevent page shifting */
    min-height: 100%;
    margin-bottom: 1px;
}

html * {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    list-style: none outside none;
    text-decoration: none;
}

body {
    background: #F7EECF;
    /*width: 100%;*/
}

.spacer {
    clear: both;
}

#container {
    margin: auto;
    width: 760px;
}

#header {
    background: transparent url(images/header_bg.png) no-repeat scroll 0 0;
    height: 160px;
}

#header h1 {
    display: none;
    margin-bottom: 10px;
}

#titlelogo {
    position: relative;
    left: 210px;
    top: 40px;
    display: block;
    width: 265px;
    height: 45px;
}

#navigation {
    position: relative;
    left: 150px;
    top: 55px; /* 100px - 45px (from the logo) */
    height: 30px;
}

#navigation ul {
    
}

#navigation li {
    float: left;
    padding: 4px 0 0 60px;
}

#navigation a {
    color: #333333;
    font-size: 16px;
}

#navigation a:hover {
    text-decoration: underline;
    color: #CC0000;
}

#splash {
    height: 130px;
}

.homepage #splash { background: #F7EECF url(images/splash_home.png) no-repeat scroll 0 0; }
.projectspage #splash { background: #F7EECF url(images/splash_projects.png) no-repeat scroll 0 0; }
.resumepage #splash { background: #F7EECF url(images/splash_resume.png) no-repeat scroll 0 0; }
.aboutpage #splash { background: #F7EECF url(images/splash_about.png) no-repeat scroll 0 0; }
.contactpage #splash { background: #F7EECF url(images/splash_contact.png) no-repeat scroll 0 0; }

#splashtext {
    padding: 53px;
    height: 40px;
    width: 450px;
}

#splashtext h2 {
    color: #FFFFFF;
    font: italic normal 20px Georgia, "Times New Roman", serif;
}

#splashtext p {
    color: #FFFFAA;
    font: italic normal 14px Calibri, Arial, sans-serif;
    margin-top: 10px;
}

.homepage #content {
    background: #F7EECF url(images/content_bg_home.png) repeat-y scroll -760px 0;
    margin: 50px auto;
}

.homepage #content_top {
    background: #F7EECF url(images/content_bg_home.png) no-repeat scroll 0 0;
    height: 10px;
    clear: both;
}

.homepage #content_bottom {
    background: #F7EECF url(images/content_bg_home.png) no-repeat scroll 0 -20px;
    height: 10px;
    clear: both;
}

#content {
    background: #F7EECF url(images/content_bg.png) repeat-y scroll -760px 0;
    margin: 50px auto;
}

#content_top {
    background: #F7EECF url(images/content_bg.png) no-repeat scroll 0 0;
    height: 10px;
    clear: both;
}

#content_bottom {
    background: #F7EECF url(images/content_bg.png) no-repeat scroll 0 -20px;
    height: 10px;
    clear: both;
}

#content h3 {
    color: #990000;
    font: normal 26px "Times New Roman", serif;
    border-bottom: 1px solid #990000;
    margin: 10px 25px;
    padding-bottom: 5px;
}

#content h4 {
    color: #000000;
    font: bold 13px "Trebuchet MS", sans-serif;
    margin: 10px 0;
}

#content p {
    color: #333333;
    font: normal 12px Tahoma, sans-serif;
    margin-right: 10px;
}

#stuff {
    float: left;
    width: 380px;
}

#stuff ul {
    
}

#stuff li {
    background: #FFFFFF url(images/project_bg.png) no-repeat scroll 0 0;
    width: 330px;
    height: 100px;
    padding: 5px;
    margin: 10px 10px 10px 25px;
}

#stuff a {
    background: #FFFACD url(images/project_images.png) no-repeat scroll 0 0;
    height: 100px;
    width: 100px;
    display: block;
    margin-right: 10px;
    float: left;
}

#stuff #space_chaser { background-position: 0 0; }
#stuff li:hover #space_chaser { background-position: -100px 0; }

#stuff #informative_workspace { background-position: 0 -100px;}
#stuff li:hover #informative_workspace {background-position: -100px -100px; }

#stuff #myisern { background-position: 0 -200px; }
#stuff li:hover #myisern { background-position: -100px -200px; }

#stuff #mfc_applications { background-position: 0 -300px; }
#stuff li:hover #mfc_applications { background-position: -100px -300px; }

#blog {
    float: left;
    width: 380px;
}

#blog dl {
    line-height: 110%;
    margin: 0 25px;
}

#blog dt {
    color: #000000;
    font: bold 13px "Trebuchet MS", sans-serif;
    margin: 10px 0;
}

#resumeContent {
    float: left;
    width: 570px;
}

#resumeDownload {
    float: left;
    width: 190px;
}

#education, #technicalskills, #workexperience, #projectexperience {
    padding: 15px 25px;
}

.resumepage #content h4 {
    color: #333333;
    font: bold 17px Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
}

#resumeContent a:hover {
    text-decoration: underline;
}

dt.major, dt.skillarea, dt.jobtitle, dt.projectname a {
    color: #B22222;
    font: bold 15px Helvetica, sans-serif;
}

dd.organization, dd.organization a, dd.skillset, dd.skillset a {
    color: #191970;
    font: normal 13px Tahoma, sans-serif;
}

dd.duration {
    color: #666666;
    font-size: 12px;
}

dd.details, dd.details li {
    color: #333333;
    font: normal 13px Arial, sans-serif;
}

.skillset li {
    display: inline;
}

dt.major, dt.jobtitle, dt.projectname {
    margin-top: 15px;
}

#workexperience li, #projectexperience li {
    list-style: disc outside none;
    margin-left: 25px;
}

#resumeDownload a {
    font: normal 15px Tahoma, sans-serif;
    color: #191970;
    display: block;
    border: 1px solid #FFFACD;
    margin: 0 15px;
}

#resumeDownload img {
    margin: 15px 10px 0;
    border: 0;
}

#resumeDownload span {
    display: block;
    text-align: center;
}

#resumeDownload a:hover {
    border: 1px solid #666666;
}

form {
    padding: 10px;
    
}
form input {
    width: 300px;
    border: 1px solid #666666;
}

form dl {
}

form dt {
    color: #000000;
    font: bold 14px "Trebuchet MS", sans-serif;
    float: left;
    width: 100px;
}
form dd {
    margin: 15px 0;
}
    
#footer {
    background: #F7EECF url(images/footer.png) no-repeat scroll 0 0;
    height: 60px;
    padding: 15px 0;
    line-height: 95%;
    text-align: center;
}

#footer h6 {
    color: #333333;
    font-size: 13px;
    font-weight: normal;
}

#footer a {
    color: #990000;
    font-size: 12px;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    


